div(layout="row", layout-align="start center", flex)
	md-list-item(flex, layout-fill)
		.project(
		ng-click="vm.goToProject()"
		layout="row"
		md-ink-ripple
		layout-align="start center"
		layout-fill
		ng-disabled="vm.project.uploading")
			md-button.md-icon-button(aria-label="Dashboard")
				md-icon.angular-material-icons dashboard
			p.projectName(flex) {{vm.project.name}}

	.projectRight(layout="row", layout-align="start center")
		.projectUploadInfo(layout="row", layout-align="start center")
			//p.projectUploadFilename {{vm.uploadFileName}}
			p.projectUploadInfo() {{vm.fileUploadInfo}}
			md-progress-circular.projectUploadIcon(md-mode="indeterminate", md-diameter="15", ng-if="vm.project.uploading")

		p.projectTimestamp {{vm.project.timestampPretty}}

		md-menu(md-position-mode="target-right target", id="{{vm.dialogCloseTo}}")
			md-button.md-icon-button(aria-label="More", ng-click="$mdOpenMenu($event)", ng-disabled="vm.project.uploading")
				md-icon.md-menu-origin.angular-material-icons(md-menu-origin) more_vert
			md-menu-content(width="3")
				md-menu-item(ng-repeat="(key, value) in vm.projectOptions", ng-if="!value.hidden")
					md-button(ng-click="vm.doProjectOption($event, key)")
						div(layout="row", flex)
							p(flex, style="color:{{value.color}}") {{value.label}}
							md-icon.angular-material-icons(md-menu-align-target, style="color:{{value.color}}") {{value.icon}}
